<h4>事件绑定</h4>
<pre class="note">
应用功能：为页面元素提供操作后的回调执行函数
    应用语法：＜标签 (eventName)="callback" ＞＜/标签＞
    取值：eventName HTML元素可以定义的事件名称
          callback 当前模板对应的class类的自定义方法    
应用特性：
    1、事件的绑定和传统HTML的事件绑定基本一致，事件的回调函数在页面定义是后面必须加（）
        如果回调函数没有添加（），事件可以绑定，但回调函数不会执行
    2、同标签的多事件绑定：以单事件绑定语法直接在标签上进行定义即可
        + 同事件多回调：回调执行的先后，取决于绑定的先后
        + 不同事件：事件的执行先后取决 事件本身的优先级
事件绑定的回调参数：如果参数数量在页面调用时可能会动态变化，参数必须以TS的语法的方式定义为可选
                  不定义可选，在开发环境下不存在问题，项目以产品模式打包会提示错误
    1、匿名参数 遵守JS|TS的匿名变量规则
    2、组件变量 将组建中的变量名作为参数调用，直接定义与回调函数的方法中即可
        + 组件变量在回调函数中如果需要使用，可以直接通过组件this进行获取
    3、具有返回值的简单表达式 遵循JS语法方式，完成参数拼接、计算……
    4、页面this angular项目中页面中的this 只想的是当前组件的实例
    5、事件源对象event获取，在angular项目中通过内置对象 $event 进行描述
事件绑定行内执行
</pre>
<input type="button" value="事件的简单绑定" (click)="printFun()"><br>
<input type="button" value="事件的简单绑定-不增加（）" (click)="printFun"><br>
<input type="button" value="不同事件" (click)="printFun()" (mousedown)="showFun()"><br>
<input type="button" value="同事件多回调" (click)="printFun()" (click)="showFun()"><br>
<hr>
<input type="button" value="匿名参数" (click)="printArg('字符串',1234,true,[1,2,3])"><br>
<input type="button" value="匿名参数" (click)="printArg('字符串')"><br>
<input type="button" value="组件变量" (click)="printArg(info,user)"><br>
<input type="button" value="表达式" (click)="printArg( info+'.ext',1+1 )"><br>
<hr>
<input type="button" value="页面传入this" (click)="printThis(this)">
<hr>
<input type="button" value="获取事件源对象-event" (click)='printEvent(event)'><br>
<input type="button" value="获取事件源对象-$event" (click)='printEvent($event)'>
<hr>
<p>info:{{ info }}</p>
<input type="button" value="行内事件绑定" (click)=" info='新值' ">
 